<nz-modal
  [(nzVisible)]="isVisible"
  nzTitle="爱思用户信息"
  [nzFooter]="null"
  (nzOnCancel)="handleCancel()"
  (nzAfterOpen)="loadData()">
  <ng-container *nzModalContent>
    <nz-spin [nzSpinning]="isSpinning">
      <div class="moadl-info">
        <ul>
          <li>
            <span class="info-title">用户身份</span>
            <span class="info-value">爱思用户</span>
          </li>
          <li>
            <span class="info-title">ID</span>
            <span class="info-value">{{ userInfoData.id || '-' }}</span>
          </li>
          <li>
            <span class="info-title">手机号</span>
            <span class="info-value">{{ userInfoData.phone || '-' }}</span>
          </li>
          <li>
            <span class="info-title">登录名</span>
            <span class="info-value">{{ userInfoData?.username || '-' }}</span>
          </li>
          <li>
            <span class="info-title">昵称</span>
            <span class="info-value">{{ userInfoData?.nickname || '-' }}</span>
          </li>
          <li>
            <span class="info-title">微信opendid</span>
            <span class="info-value">{{ userInfoData.openid || '-' }}</span>
          </li>
        </ul>
      </div>
    </nz-spin>
  </ng-container>
</nz-modal>